{% extends "base.html" %}
{% block page_title %}Register{% endblock %}
{% block css %}
	<!-- <link rel="stylesheet" href="/static/account/css/base.css">
	<link rel="stylesheet" href="/static/account/css/skeleton.css">
	<link rel="stylesheet" href="/static/account/css/layout.css"> -->
	<link rel="stylesheet" href="/static/account/style.css">
{% endblock %}
{% block content %}
	{% if error %}
	<div class="notice">
		<p class="warn">{{error}}</p>
	</div>
	{% endif %}

<div class="container">
	<section id="LoginForm">
		<form action="/account/register/"  method="post">{% csrf_token %}
			<h1>Register Form</h1>
			<div>
				<input type="text" placeholder="Username" required="" name="username" id="username" />
			</div>
			<div>
				<input type="text" placeholder="Email" required="" name="email" id="email" />
			</div>
			<div>
				<input type="password" placeholder="Password" required="" name="password1" id="password1" />
			</div>
			<div>
				<input type="password" placeholder="Password Confirm" required="" name="password2" id="password2" />
			</div>
			<div>
				<input type="submit" value="Register" />
				<a href="#">Lost your password?</a>
				<a href="/account/login/">Log in</a>
			</div>
		</form><!-- form -->
	</section><!-- content -->
</div><!-- container -->

{% endblock %}

